<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模糊查询</title>
</head>
<body>
<input type="text" class="input1"/>
<script>
    var oInput=document.querySelector(".input1");
    var arr=["麻辣香锅","麻婆豆腐","香锅"];
    oInput.onchange=function(){
        var oText=oInput.value;
        var v=[];
        for(var i=0;i<arr.length;i++){
            var flag=0;
            //没找到就是-1，但有可能会出现在第一个位置所以+1；
                if(arr[i].indexOf(oText)+1){
                    flag=1;
                    v.push(arr[i]);
                    console.log(v);

                }
        }
    }

</script>
</body>
</html>